<template>
    <div class="sort">
        <div class="sort-title">字母排序</div>

        <ul class="sort-list">
            <li class="sort-item">
                A
            </li>
             <li class="sort-item">
                B
            </li>
             <li class="sort-item">
              C
            </li>
              <li class="sort-item">
               D
            </li>
             <li class="sort-item">
               E
            </li>
             <li class="sort-item">
                F
            </li>
            
            <li class="sort-item">
                G
            </li>
             <li class="sort-item">
               H
            </li>
             <li class="sort-item">
               J
            </li>

             <li class="sort-item">
                K
            </li>
             <li class="sort-item">
                L
            </li>
             <li class="sort-item">
                M
            </li>
              <li class="sort-item">
               N
            </li>
             <li class="sort-item">
                P
            </li>
             <li class="sort-item">
              Q
            </li>
              <li class="sort-item">
               R
            </li>
             <li class="sort-item">
               S
            </li>
             <li class="sort-item">
                T
            </li>
            
            <li class="sort-item">
                W
            </li>
             <li class="sort-item">
               X
            </li>
             <li class="sort-item">
               Y
            </li>

             <li class="sort-item">
                Z
            </li>
           
        </ul>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.sort{
    overflow: hidden;
}
.sort-title{
    font-size: .24rem;
    color: #212121;
    padding: .3rem;
   
}
.sort-list{
    background: #fff;
    overflow: hidden;
    
}

.sort-list .sort-item{
    width: 16.66%;
    height: .9rem;
    line-height: .9rem;
    font-size: .28rem;
    float: left;
    text-align: center;
}
</style>